<template>
  <view>
    <view class="content">
      <view class="sign-item">
        <view class="sign-item_l">
          <view class="sign-item_img">
            <image src="../../../static/image/main.png" mode="aspectFill" class="img"></image>
          </view>
          <view class="u-text-center u-m-t-16">二维码</view>
        </view>
      </view>
      <view class="sign-info">
        <view class="sign-data">
          <text class="sing-data_title">订单支付信息</text>
          <view class="sign-data-cells">
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">订单号</view>
              <view class="sign-data-cell_r">2023081319281239201</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">支付单号</view>
              <view class="sign-data-cell_r">2023081319289283929</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">金额</view>
              <view class="sign-data-cell_r">￥288</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">支付方式</view>
              <view class="sign-data-cell_r">微信支付</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">下单时间</view>
              <view class="sign-data-cell_r">2022-12-12 17:13:30</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">支付时间</view>
              <view class="sign-data-cell_r">2022-12-12 17:13:55</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">支付状态</view>
              <view class="sign-data-cell_r">已支付</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">签到码</view>
              <view class="sign-data-cell_r">698725</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">状态</view>
              <view class="sign-data-cell_r">未签到</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view style="height: 200rpx;"></view>
    <view class="s-btn s-btn--primary s-size-default" @click="confirm">生成纪念卡</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        Name: '',
      }
    },
    onLoad(options) {
      uni.setNavigationBarTitle({
        title: options.Name
      });
      this.Name = options.Name
    },
    methods: {
      confirm(){
        uni.navigateTo({
        	url: '/pages/Events/CreateCard/CreateCard?Name='+this.Name
        });
      },
    }
  }
</script>

<style lang="scss" scoped>
  .img {
    width: 100%;
    height: 100%;
  }

  .content {
    display: flex;
    flex-direction: column; 
    .sign-item{
      display: flex;
      justify-content: center;
      align-items: center;
      padding:32rpx;
      .sign-item_img{
        width: 300rpx;
        height: 300rpx;
        .img{
          border-radius: 28rpx;
        }
      }
    }
    .sign-info{
      padding:32rpx;
      background-color: #fff;
      .sign-info_b{
        margin-bottom: 48rpx;
      }
      .sign-info_s{
        color: $supernut-color;
      }
    }
    .sign-data{
      .sing-data_title{
      }
      .sign-data-cells{
        .sign-data-cell{
          display: flex;
          align-items: center;
          justify-self: center;
          margin-top:64rpx;
          .sign-data-cell_r{
            margin-left: auto;
          }
        }
      }
    }
  }

</style>